<template>
	<div class="slicing-details-box">
		<router-link :to="{ name: 'ProductionReport' }">
			<el-button type="primary" class="btn-bg-blue padding-lr-xl return-btn" @click="isShowReturn = false" v-if="isShowReturn">返回</el-button>
		</router-link>

		<!-- 炼钢厂3#连铸机主控记录 -->
		<pol-title title="炼钢厂3#连铸机主控记录"></pol-title>
		<div class="padding-lg border-solid bg-tm radius-sm text-white dj-table">
			<!-- 搜索框 -->
			<pol-search :form="searchForm" :schema="schema">
				<template #btnSlot>
					<el-button icon="Upload" type="primary" class="btn-bg-blue padding-lr-xl" style="height: 40px; line-height: 40px;">导出</el-button>
				</template>
			</pol-search>

			<el-table :data="tableOpt" style="width: 100%;" row-class-name="rowClassName" header-row-class-name="headerRowClassName" cell-class-name="cellClassName" height="600px">
				<el-table-column prop="ItemCode1" label="序号" width="150" align="center" />
				<el-table-column prop="ItemCode2" label="炉号" width="150" align="center" />
				<el-table-column prop="ItemCode3" label="钢种" width="150" align="center" />

				<el-table-column label="钢 包" align="center">
					<el-table-column prop="ItemName4" label="钢包号" width="120" align="center" />
					<el-table-column prop="ItemName5" label="离站时间" width="120" align="center" />
					<el-table-column prop="ItemName6" label="离站温度" width="120" align="center" />
					<el-table-column prop="ItemName7" label="到站时间" width="120" align="center" />
					<el-table-column prop="ItemName8" label="到站温度" width="120" align="center" />
					<el-table-column prop="ItemName9" label="开浇时间" width="120" align="center" />
					<el-table-column prop="ItemName10" label="开浇方式" width="120" align="center" />
					<el-table-column prop="ItemName11" label="压包时间" width="120" align="center" />
					<el-table-column prop="ItemName12" label="停浇时间" width="120" align="center" />
					<el-table-column prop="ItemName13" label="浇注时间" width="120" align="center" />
					<el-table-column prop="ItemName14" label="浇前重量" width="120" align="center" />
					<el-table-column prop="ItemName15" label="浇后重量" width="120" align="center" />
					<el-table-column prop="ItemName16" label="钢水净重" width="120" align="center" />
				</el-table-column>

				<el-table-column label="中间包" align="center">
					<el-table-column label="使用情况" align="center">
						<el-table-column prop="ItemName17" label="浇注炉数" width="120" align="center" />
						<el-table-column prop="ItemName18" label="铸坯支数" width="120" align="center" />
					</el-table-column>

					<el-table-column label="铸坯支数" align="center">
						<el-table-column prop="ItemName19" label="1#前" width="120" align="center" />
						<el-table-column prop="ItemName20" label="2#前" width="120" align="center" />
						<el-table-column prop="ItemName21" label="1#中" width="120" align="center" />
						<el-table-column prop="ItemName22" label="2#中" width="120" align="center" />
						<el-table-column prop="ItemName23" label="1#后" width="120" align="center" />
					</el-table-column>

				</el-table-column>
			</el-table>

			<div class="dj-table2 margin-top-lg">
				<el-table :data="tableOpt" style="width: 100%;" row-class-name="rowClassName" header-row-class-name="headerRowClassName" cell-class-name="cellClassName" height="600px">
					<el-table-column prop="ItemCode1" label="流数" width="150" align="center" />
					<el-table-column prop="ItemCode2" label="结晶器编号" width="150" align="center" />
					<el-table-column prop="ItemCode3" label="结晶器状态" width="150" align="center" />

					<el-table-column label="结晶器冷却情况" align="center">
						<el-table-column label="总管压力" align="center">
							<el-table-column prop="ItemCode3" label="Mpa" width="120" align="center" />
						</el-table-column>

						<el-table-column label="进水温度" align="center">
							<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="进水温度" align="center">
							<el-table-column label="水流量" align="center">
								<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
							</el-table-column>
							<el-table-column label="水温差" align="center">
								<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
							</el-table-column>
						</el-table-column>
						
						
						<el-table-column label="内弧" align="center">
							<el-table-column label="水流量" align="center">
								<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
							</el-table-column>
							<el-table-column label="水温差" align="center">
								<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
							</el-table-column>
						</el-table-column>
						
						<el-table-column label="右侧" align="center">
							<el-table-column label="水流量" align="center">
								<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
							</el-table-column>
							<el-table-column label="水温差" align="center">
								<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
							</el-table-column>
						</el-table-column>
						
						<el-table-column label="外弧" align="center">
							<el-table-column label="水流量" align="center">
								<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
							</el-table-column>
							<el-table-column label="水温差" align="center">
								<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
							</el-table-column>
						</el-table-column>
						
						<el-table-column label="总流量" align="center">
							<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
						</el-table-column>
					</el-table-column>
					
					<el-table-column label="二次冷却情况" align="center">
						<el-table-column label="总管压力" align="center">
							<el-table-column prop="ItemCode3" label="Mpa" width="120" align="center" />
						</el-table-column>
					
						<el-table-column label="进水温度" align="center">
							<el-table-column prop="ItemCode3" label="℃" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="1区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="2区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="3区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="4区" align="center">
							<el-table-column prop="ItemCode3" label="m³/h" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="5区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="6区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="7区" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="总流量" align="center">
							<el-table-column prop="ItemCode3" label="" width="120" align="center" />
						</el-table-column>
						
						<el-table-column label="比水量" align="center">
							<el-table-column prop="ItemCode3" label="L/Kg" width="120" align="center" />
						</el-table-column>
						
					</el-table-column>
				</el-table>
			</div>
		</div>
	</div>
</template>

<script setup>
	import { ref } from 'vue';

	//搜素数据
	const searchForm = ref({
		CardTypeCode: '', //
		CardTypeName: '', //
	});

	//搜素配置
	const schema = ref({
		CardTypeName: {
			label: '关键字',
			type: 'input',
			props: {
				type: 'text',
				placeholder: '选择输入关键字搜索',
			},
			colProps: {
				md: 8,
			},
		}
	});

	const isShowReturn = ref(false)
	setTimeout(() => {
		isShowReturn.value = true
	}, 600)

	//表格配置
	const tableOpt = ref([{
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		},
		{
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		}, {
			ItemCode1: '1',
			ItemCode2: '2',
			ItemCode3: '1009000',
			ItemCode4: '出坯辊道',
			ItemCode5: '20186470101',
			ItemCode6: '20186470101',
			ItemCode7: '第1流',
			ItemCode8: '正常',
			ItemCode9: '冷床',
			ItemCode10: '0.92',
			ItemCode11: '2022/8/23 16:23',
			ItemCode12: '410X530',
			ItemCode13: 'ItemCode1',
			ItemCode14: '1.56',
			ItemCode15: '正常坯',
			ItemCode16: '20220108',
			ItemCode17: '20220108',
			ItemCode18: '20220108',
			ItemCode19: '20220108',
			ItemCode20: '20220108',
			ItemCode21: '20220108',
			ItemCode22: '20220108',
			ItemCode23: '20220108',
		},
	]);
</script>

<style lang="scss" scoped>
	.slicing-details-box {
		position: relative;

		.return-btn {
			position: fixed;
			top: 85px;
			right: 20px;
		}
	}
</style>